<html>
<head>
<title>Buckeye Charter School Boards, Inc.</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <link rel="stylesheet" href="style_sheet.css" type="text/css" />
   
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"> </script>
    

<script type="text/javascript">

function changeZunder() {
document.getElementById('nav').style.zIndex = '2';
document.getElementById('navframe').style.backgroundColor = '#6ac900';
document.getElementById('content').style.zIndex = '1';
}

function changeZover() {
document.getElementById('nav').style.zIndex = '1';
document.getElementById('content').style.zIndex = '2';
}
</script>
 



</head>
<body>
<div id="container">
<div id="flex">
<div id="head">

<iframe src="header.html" class="center" ></iframe>
</div><!-- end header -->



<div id="nav" onmouseover="changeZunder(this)" onmouseout="changeZover(this)" ><iframe  id="navframe" src="nav.html" class="nav" ></iframe>	
</div><!-- end navbar -->

</div><!-- end flex -->
<div id="content">
<img src="Training 2.jpg" alt="Board Training" width="540" height="720"><!DOCTYPE html>
<div id="content_left"> 
</div><!-- end content_left -->
<div id="content_right">

</div><!-- end content_right -->

</div><!-- end content -->


<div id="footer">
<img src="footer.jpg" width="900" height="90" alt="BCSB Footer"/>
</div><!--end footer-->

</div><!--end container-->
</body>

</html>